<template>
  <div class="error-box">
    <div class="content">
      您访问的页面不存在
      <router-link to="/">
        <p>点击返回首页</p>
      </router-link>
    </div>
  </div>
</template>

<script>
  export default {
    name: 'name',
    data() {
      return {}
    }
  }
</script>

<!-- Add "scoped" attribute to limit CSS to this component only -->
<style lang="less" scoped>
  .error-box {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    min-height: 100%;
    background: #f3f3f3;
    .content {
      position: absolute;
      top: 30%;
      right: 0;
      left: 0;
      margin: auto;
      width: 90%;
      text-align: center;
      p{
        margin-top:30px;
        text-decoration: underline;
      }
    }
  }
</style>
